<template>
    <div class="jcyjContent">
        <div class="jcyjLeft">
            <JcyjLeftChangeOne
                :hongqypm="hongqypm"
                :heiqypm="heiqypm"
                :whqys="whqys"
                :jsfjsks="jsfjsks"
                :jsfjsksfltj="jsfjsksfltj"
                :whqyfltj="whqyfltj"
            />
            <JcyjLeftChangeTwo />
        </div>
        <div class="jcyjRight">
            <JcyjRightChange />
        </div>
    </div>
</template>

<script>
import JcyjLeftChangeOne from "./jcyjLeft/JcyjLeftChangeOne";
import JcyjLeftChangeTwo from "./jcyjLeft/JcyjLeftChangeTwo";
import JcyjRightChange from "./jcyjRight/JcyjRightChange";
import { defineComponent, onMounted, reactive, ref } from "vue";
import axios from "axios";
export default defineComponent({
    components: {
        JcyjLeftChangeOne,
        JcyjLeftChangeTwo,
        JcyjRightChange,
    },
    setup() {
        let hongqypm = ref([]);
        let heiqypm = ref([]);
        let whqys = ref(0);
        let jsfjsks = ref(0);
        let jsfjsksfltj = ref([]);
        let whqyfltj = ref([]);
        onMounted(() => {
            let data = {};
            axios
                .post(
                    `http://172.25.110.34:81/foundation/union/subject/scrnGfxqygk/list`,
                    data
                )
                .then((res) => {
                    let hyData = res.data.data[0];
                    hongqypm.value = hyData.hongqypm;
                    heiqypm.value = hyData.heiqypm;
                    whqys.value = hyData.whqys;
                    jsfjsks.value = hyData.jsfjsks;
                    jsfjsksfltj.value = hyData.jsfjsksfltj;
                    whqyfltj.value = hyData.whqyfltj;
                });
        });
        return {
            hongqypm,
            heiqypm,
            whqys,
            jsfjsks,
            jsfjsksfltj,
            whqyfltj,
        };
    },
});
</script>

<style lang="stylus" scoped>
@media (max-width: 2880px) {
    .jcyjLeft {
        leftContent();
    }

    .jcyjRight {
        rightContent();
    }
}
</style>
<style lang="stylus" scoped>
@media (min-width: 3000px) {
    .jcyjLeft {
        leftContent3840();
    }

    .jcyjRight {
        rightContent3840();
    }
}
</style>